<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>WebQuiz</title>
		<meta name="description" content="Quiz für WebProgrammierung">
		<meta name="author" content="Jacqueline, Daniel, David">
		<meta name="keywords" content="Spiel, WebProgrammierung, HS-Weingarten">
		<link rel="stylesheet" href="style.css" type="text/css"  media="all">
	</head>
	
	<body>
	<section id="wrapper">
		<header id="kopfbereich">
       		<img src="./icons/Games.png" alt="Games" style="float:left;"/>
        	<h1>&nbsp; WebQuiz</h1>
        </header>

		
			<section class="container" id="hauptansicht">
				<label for="username"></label>
				<form action="quiz.html" method="post">
					<input type="text" id="username" required value="Benutzername">
					<button type="submit">
						<img src="./icons/Brush.png" alt="Brush" style="float:left;"/></button>
				</form>
			</section>
			
			<section class="container" id="katalogliste">
				<img src="./icons/Book.png" alt="Book" style="float:left;"/>
				<h2>Catalogs</h2>
				<p>Katalog1</p>
				<p>Katalog2</p>
				<p>Katalog3</p>
			</section>
			
			<section class="container" id="highscore">
			<img src="./icons/Award.png" alt="Games" style="float:left;"/>
			<h2>Highscore</h2>
			
			<p>Player: &nbsp;  Score:</p>
			<p>Max Musterman  60</p>
			<p>Moritz Muster 60</p>
			<p>Manni Mann  60</p>
			<p>Manni Mann  60</p>
			<p>Manni Mann  60</p>
			<p>Manni Mann  60</p>
			</section>
		
		<footer id="fussbereich">
			<p>Web-Programmieren-Praktikum </p>
			<p>Gruppe 2 - Jacqueline, Daniel, David</p>
		</footer>
		
	</section>
	</body>
</html>